Apple Pencil and Scribble

原文：

hr.icon

Apple Pencilは、iPadアプリケーションのための多目的で直感的なツールで、メモを取ったり、スケッチしたり、絵を描いたり、文書に印をつけたりする際にピクセルレベルの精度を発揮します。

iPadOS 14以降では、Scribbleにより、Apple Pencilを使って、デバイス上での高速でプライベートな手書き認識により、あらゆるテキストフィールドにテキストを入力することができます。

https://gyazo.com/2476ca73b1e46f9a3f7d427dbaec8516

期待される行動をサポートします。

Apple Pencilは、絵を描いたり、手書きしたり、印をつけたりする作業を楽に、自然に行えるように設計されており、ポインターやUIインタラクションツールとしても機能します。

人々が期待するApple Pencilの動作を可能にするだけでなく、予想外のインタラクションもサポートすることを検討してください。

例えば、ドキュメントの余白にメモを取ることができるようなアプリです。

Apple Pencilと指での入力を切り替えるタイミングは、人々に選択させましょう。

例えば、コントロールを操作するために、Apple Pencilから指に切り替える必要はありません。

アプリがApple Pencilでのマーキングに対応している場合、アプリのコントロールもApple Pencilに対応している必要があります。

反応しないコントロールは混乱の原因となり、故障やバッテリー不足の印象を与えてしまいます。

同様に、指でも絵を描いたりマークをつけたりできるようにしましょう。

（ScribbleはApple Pencilの入力にのみ対応しています。）

Apple Pencilが画面に触れた瞬間に印をつけてもらう。

Apple Pencilをスクリーンに置いたときの体験は、従来の鉛筆を紙に置いたときの体験を反映したものでなければなりません。

Apple Pencilを使う前に、ボタンをタップしたり、特別なモードに入ったりする必要はありません。

Apple Pencilの使い方に反応することで、人々が自分自身を表現できるようにします。

Apple Pencilは、傾き（高度）、力（圧力）、方向（方位）を感知することができます。

アプリはこの情報を使って、太さや強さを変えるなど、Apple Pencilのストロークに影響を与える必要があります。

圧力に反応するときは、シンプルで直感的なものにします。

例えば、インクの不透明度やブラシのサイズなどの連続的なプロパティに影響を与えるには、圧力を変化させるのが自然です。

https://gyazo.com/8fae7487bf9af486698ddf7428cfa062

https://gyazo.com/3c59684f49724d07ce7168b81fb28877

https://gyazo.com/272ad549eaaf1ccf9f099053585e177e

コンテンツとの直接的なつながりを示す視覚的なフィードバックを使用します。

Apple Pencilは、画面に触れたコンテンツを直接かつ即座に操作しているように見えるべきです。

Apple Pencilは、画面上で触れたコンテンツを直接かつ即座に操作しているように見えなければなりません。

左利きと右利きの両方に配慮したデザイン。

左右どちらの手でも操作できるような場所にコントロールを置かないようにしてください。

コントロールが見えなくなる可能性がある場合は、人がコントロールを再配置することを検討してください。

https://gyazo.com/be54d2d7af7534b3c19ff61b1ff595a5

https://gyazo.com/6653bc58cc8b9373b93b6aac436ccdd7

https://gyazo.com/fa385f1e0974c2644b326244e9ba6f94

ダブルタップのジェスチャーについては、可能な限りユーザーの設定を尊重します。

Apple Pencil 2は、ダブルタップのジェスチャーに対して、直接的（ツールの変更）または間接的（色のオプションの提示）に描画方法を変更して対応します。

デフォルトでは、ダブルタップで現在のツールと消しゴムが切り替わりますが、ユーザーは「設定」で、ダブルタップで現在のツールと前のツールを切り替えたり、カラーピッカーを表示／非表示にしたり、何もしないように指定することができます。

アプリがこれらの動作をサポートしている場合は、システム全体のダブルタップの設定を尊重し、同じ動作のために新しいジェスチャーを覚えてもらおうとは思わないでください。

システム全体のダブルタップの設定があなたのアプリで意味をなさない場合でも、ジェスチャーを使ってApple Pencil 2のモードを変更することができます。

例えば、メッシュ編集ツールを備えた3Dアプリケーションのユーザーは、ダブルタップでツールの上げ下げモードを切り替えることができます。

必要に応じて、ダブルタップのカスタム動作を有効にする方法を提供します。

アプリケーションがApple Pencil 2のダブルタップ動作の一部または全部をサポートしていて、さらにカスタムのダブルタップ動作もサポートしている場合は、カスタムの動作を有効にできるコントロールを提供します。

カスタム動作を有効にする明示的な方法がない場合、ユーザーは、アプリがシステムワイドのダブルタップ設定に反応しないことに戸惑うかもしれません。

このような場合は、アプリがサポートする代替動作をユーザーが簡単に見つけられるようにしますが、デフォルトでは有効にしないでください。

ダブルタップジェスチャーを、コンテンツを変更するアクションに使用しないでください。

誤ってダブルタップしてしまう可能性があるため、アプリがアクションを実行したことに気づかない可能性があります。

また、ダブルタップでツールのモードを切り替える場合、誤ってモードを変更してしまっても、もう一度ダブルタップするだけで簡単に元に戻すことができます。

しかし、ジェスチャーを使ってアクションを実行するアプリでは、元に戻す方法を探すためにワークフローを中断しなければなりません。

さらに悪いことに、ダブルタップを使って破壊的な動作を行うアプリでは、ユーザが動作の発生に気づかない場合、データが失われる可能性があります。

Supporting Scribble

Scribble と Apple Pencil を使用すると、ユーザーはアプリケーションでテキストが受け入れられる場所であればどこでも簡単に書くことができます。

Scribble は iPadOS 14 以降に完全に統合されているため、キーボードと同様に、すべてのアプリケーションでデフォルトで利用できます。

以下のガイドラインは、デフォルトのScribbleサポートを強化して、アプリケーションで優れたライティングエクスペリエンスを提供するのに役立ちます。

テキストを入力するときは、常にスムーズで楽な感じにします。

デフォルトでは、Scribble は、パスワードフィールドを除くすべての標準テキストコントロール（テキストフィールド、テキストビュー、検索フィールド、Web コンテンツの編集可能フィールドなど）で動作します。

アプリケーションでカスタムテキストフィールドを使用する場合、ユーザーが書き込みを開始する前にタップまたは選択させないようにしてください。

人々がテキストを入力する可能性のある場所では、Scribble を利用できるようにします。

キーボードを使うのとは異なり、Apple Pencilを使うと、紙を扱うように画面を扱うことができます。

テキスト入力が自然に思える場所でScribbleを一貫して利用できるようにすることで、アプリケーション内でのこの認識を強化することができます。

例えば、リマインダーでは、最後の項目の下の空白に新しいリマインダーを書き込むことで、その領域にテキストフィールドがないにもかかわらず、自然にリマインダーを作成することができます。

書いている人の気を散らさないようにする。

テキストフィールドの動作の中には、キーボード入力には適していても、Apple Pencilで可能になる自然な書き心地を妨げるものがあります。

例えば、テキストフィールドで文章を書くときに自動補完テキストを表示するのは避けた方がいいでしょう、候補が視覚的に邪魔になるからです。

また、人が書き始めた瞬間にフィールドのプレースホルダーテキストを非表示にして、入力が重なって見えないようにするのもよいアイデアです。

ユーザーがテキストフィールドに書き込んでいる間は、そのフィールドが固定され、内容がスクロールしないようにしてください。

場合によっては、テキストフィールドに注目が集まったときに、テキストフィールドを移動させることが有効です。

例えば、検索フィールドは、検索結果を表示するためのスペースを確保するために移動します。

このような動きは、キーボードを使っているときには問題ありませんが、文章を書いているときには、入力した内容がどこに行くのかコントロールできなくなったように感じられます。

テキストフィールドの移動を防ぐことができない場合は、ユーザーが書き込みを一時停止するまで移動を遅らせることを検討してください。

また、テキストフィールドで書き込みや編集をしている間の自動スクロールを防ぐことも重要です。

転写されたテキストが自動スクロールすると、その上での書き込みを避けようとするかもしれません。

さらに、Apple Pencilを使ってテキストを選択しているときにテキストがスクロールすると、必要なテキストとは異なる範囲を選択してしまうかもしれません。

文字を書くのに十分なスペースを確保しましょう。

小さなテキストフィールドは、キーボードを使って文字を入力するときには問題ありませんが、文字を書くときには違和感があります。

Apple Pencilによる入力の可能性が高いことがわかっている場合は、ユーザーがテキストフィールドに書き込みを始める前、または書き込みを中断したときに、テキストフィールドのサイズを大きくすることで、アプリでの書き込み体験を向上させます。

人が書いている間にテキストフィールドのサイズを変更することは常に避けてください。

Providing a Custom Drawing Experience

PencilKit を使用すると、iOS で提供されているのと同じ低遅延のエクスペリエンスで、メモを取ったり、文書や画像に注釈を付けたり、絵を描いたりすることができます。

PencilKit を使用すると、アプリケーション内にカスタムの描画キャンバスを簡単に作成でき、最先端のツールピッカーとインクパレットを提供できます。

既存のコンテンツの上に絵を描けるようにする。

デフォルトでは、PencilKit のキャンバスの色はダークモードに動的に調整されるので、どちらのモードでコンテンツを作成しても、その結果はどちらでも美しく表示されます。

しかし、PDFや写真などの既存のコンテンツの上に絵を描く場合は、マークアップがシャープで見やすい状態を保つために、色の動的な調整を行わないようにするとよいでしょう。

アプリケーションがコンパクトな環境で動作する場合、ツールピッカーがコンテンツを覆い隠さないようにします。

通常の環境では、ツールピッカーはコンテンツの上に浮かんでいるので、ユーザーはツールピッカーを邪魔にならないように動かすことができますが、コンパクトな環境では、ツールピッカーは画面の下端に固定されます。

コンテンツが見えなくならないように、コンテンツビューのフレームやスクロールビューのインセットを調整することで、ツールピッカーの高さを考慮することができます。

高い木の写真を表示したiPhoneの画面イメージ。画像は画面上部に移動し、下端のツールピッカーで木の幹が見えないようになっている。

画像の下にあるチェックマークは、このレイアウトが推奨されるスタイルであることを示しています。

https://gyazo.com/2d2e91c860d411f6a76f2cb61284d86f

https://gyazo.com/095a0d373c616d845930c37862adacef

アプリケーションがコンパクトな環境で実行されるときに表示されるカスタムの元に戻すボタンとやり直しボタンを提供することを検討してください。

通常の環境では、ツールピッカーにアンドゥとリドゥのボタンが含まれていますが、コンパクトな環境では含まれていません。

コンパクトな環境では、カスタムボタンをナビゲーションバーに表示することができます。

また、どのような環境でも使用できるように、標準的な3本指のアンドゥ／リドゥジェスチャーをサポートすることも検討してください。

https://gyazo.com/45691c31b88060c40ece9b5e31b4b72f

https://gyazo.com/227a1641727479bb04b7e373c327774d